.main .top {
	background-color: #4285f4;
}

.main .banner {
	background-image: url(dorado/res/static/images/logo.svg);
	background-repeat: no-repeat;
	background-position: 24px center;
}

.main .app-name {
	color: #fff;
	margin-left: 80px;
	font-size: 1.7em;
	line-height: 64px;
	display: inline-block;
}

.main .banner .icon {
	background-repeat: no-repeat;
	background-position: center;
	float: right;
	height: 64px;
	width: 64px;
	cursor: pointer;
}

.main .banner .icon:focus {
	background-color: rgba(0, 0, 0, 0.20);
	outline: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.main .banner .icon.personal-center {
	background-image: url(dorado/res/static/images/personal-center.svg);
}

.main .banner .icon.search {
	background-image: url(dorado/res/static/images/search.svg);
}

.main .banner .icon.message {
	background-image: url(dorado/res/cn/portx/frame/message.svg);
}

.personal-center .avatar {
	background-image: url(dorado/res/static/images/avatar.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.personal-center .username {
	color: #8c8c8c;
}

.personal-center .nickname {
	font-size: 1.2em;
}

.personal-center .buttons {
	border-top: #ccc 1px solid;
}

.personal-center.d-shadow-sides {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.main .workarea {
	background-color: #ccc;
}

.main .d-cardbook {
	background-color: #f7f7f7;
}

.main .d-tree .row {
	background-color: #f7f7f7;
}

.main .d-tree .current-row {
	color: #ffffff;
	background-color: #15a4fa;
}

.main .d-label.history {
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 10px;
	background-color: #ddd;
	opacity: .7;
}

.main .history-container .clear-placeholder {
	opacity: 0;
}

.main .history-container .clear-history {
	cursor: pointer;
	opacity: 0;
	line-height: 24px;
	transition: opacity .3s, color .3s;
	-moz-transition: opacity .3s, color .3s;
	-webkit-transition: opacity .3s, color .3s;
	-o-transition: opacity .3s, color .3s;
}

.main .history-container:hover .clear-history {
	opacity: .6;
}

.main .history-container:hover .clear-history:hover {
	color: red;
	opacity: 1;
}